body {
    background-image: url(img/start/start.jpeg);
    padding: 20px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}



.masonaryholder {
    column-count: 3;
    column-gap: 20px;
    max-width: 1600px;
    margin: 0 auto;
}

.masonaryblock img {
    box-shadow: 15px 11px 34px -2px rgba(0, 0, 0, 0.47);
    -webkit-box-shadow: 15px 11px 34px -2px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 15px 11px 34px -2px rgba(0, 0, 0, 0.47);
    max-width: 100%;
    height: auto;
    border-radius: 20px;

}


.masonaryblock {
    display: inline-block;
    padding: 20px;
    margin: 0 0 20px;

}

@media screen and (max-width:768px) {
    .masonaryholder {
        column-count: 1;
    }

}


@media screen and (min-width:769px) {
    .masonaryholder {
        column-count: 2;
    }

}

@media screen and (min-width:1080px) {
    .masonaryholder {
        column-count: 3;
    }

}

@media screen and (min-width:1200px) {
    .masonaryholder {
        column-count: 4;
    }

}